<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>我的二维码</title>
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/all.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="PIE.js"></script>
    <script src="js/self.js"></script>
    <script>
        $(function () {
            //            进度条
            $(".bar_span").each(function () {
                var ress = $(this).attr('width');
                var len=ress+"%";
                console.log(len);
                $(this).animate({
                    width:len
                });

            });
        })
    </script>
</head>
<body class='bcf'>
<div class="w100 of clearfix">
    <div class="proSection-list pr w100 bcf fl" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
    <div class="proSection-list pr w100 bcf fr" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
</div>
<div class="w100 of clearfix">
    <div class="proSection-list pr w100 bcf fl" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
    <div class="proSection-list pr w100 bcf fr" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
</div>
<div class="w100 of clearfix">
    <div class="proSection-list pr w100 bcf fl" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
    <div class="proSection-list pr w100 bcf fr" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
</div>
<div class="w100 of clearfix">
    <div class="proSection-list pr w100 bcf fl" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
    <div class="proSection-list pr w100 bcf fr" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
</div>
<div class="w100 of clearfix">
    <div class="proSection-list pr w100 bcf fl" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
    <div class="proSection-list pr w100 bcf fr" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
</div>
<div class="w100 of clearfix">
    <div class="proSection-list pr w100 bcf fl" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
    <div class="proSection-list pr w100 bcf fr" style="width: 49%;">
        <div class="proTittle-list pa w100">
            <div class="of clearfix w100">
                <span class="fl cf tc f15">众筹中</span>
            </div>
        </div>
        <a href="#" class="proTittle-listImg db w100 of">
            <img src="images/watch.png" class="db w100 h100">
        </a>
        <div class="proTittle-list-block jz">
            <a class="proTittle-list-kindName db of clearfix">
                <p class="fl c3 f18">项目名称...</p>
                <span class="fr f16 c3 db">发布众筹公司名称</span>
            </a>
            <a class="proTittle-list-KindMoney db of clearfix">
                <p class="fl cred"><span class="f18">&yen;</span><span class="f27">296.</span><span class="f21">00</span></p>
                <span class="fr db f17 c9">88.8 %</span>
            </a>
            <a class="progress db" style="margin: 0 5px 5px;"><div class="bar_span" width="88.8"></div></a>
            <a class="proTittle-list-kindDetail db of clearfix">
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥20000000.00</p>
                    <p class="db f13 c9">目标</p>
                </div>
                <div class="fl tl" style="width: 42%">
                    <p class="db f17 c9">￥17999990.00</p>
                    <p class="db f13 c9">已筹</p>
                </div>
                <div class="fr tl">
                    <p class="db f17 c9">119&nbsp;天</p>
                    <p class="db f13 c9">剩余</p>
                </div>
            </a>
        </div>

    </div><!--proSection-list-->
</div>


<script>
    $(function () {
        //在主页面写js才生效，主页面：personalManagement.html
    })
</script>
</body>
</html>